$(function () {
    function getList() {
        $.ajax({
            url: "/admin/category/list",
            headers: {
                Authorization: localStorage.getItem('token')
            },
            success(res) {
                // console.log(res);
                const list = res.data
                const html = template("trr", { list })
                $('.category_table tbody').html(html)
            }

        })
    }

    // 模板新增内容
    $('.btn_opt_ym').click(function () {
        // console.log('新增');
        const name = $("input[name='name']").val().trim()
        const slug = $("input[name='slug']").val().trim()
        // 判断内容
        if (!name || !slug) {
            layer.msg('名称和别名不能为空');
            return
        } else {
            layer.msg('新增成功');
            $("input[name='name']").val('')
            $("input[name='slug']").val('')
        }
        // console.log(name, slug);
        $.ajax({
            url: "/admin/category/add",
            type: "post",
            data: {
                name, slug
            },
            success(res) {
                console.log(res);
            }
        })
        // 关闭模板
        $('#myModal').modal('hide')
        // 重新渲染
        getList()

    })

    // 编辑功能
    $('.category_table').on('click', '.edit', function () {
        $('#editModal').modal("show")
        // console.log($(this).data("item"))
        const item = $(this).data("item")
        $('#name').val(item.name)
        $('#slug').val(item.slug)
        $("#editModal").data("id", item.id)
    })
    // 保存时发送请求编辑数据
    $('.btn_opt_save').click(function () {
        // 获取表单元素
        const params = {
            name: $('#name').val(),
            slug: $('#slug').val(),
            id: $("#editModal").data("id")
        }
        $.post("/admin/category/edit", params, function (res) {
            console.log(res);
        })
        // 关闭模板
        $('#editModal').modal('hide')
        // 提示编辑成功
        layer.msg('编辑成功')
        // 重新渲染
        getList()
    })

    // 删除按钮事件
    $('.category_table').on('click', '.delete', function () {

        layer.confirm("你确定要删除吗？", { title: "提示" }, (index) => {
            const id = $(this).data("id")
            $.post("/admin/category/delete", { id }, function (res) {
                console.log(res);
            })
            layer.close(index)
            console.log(layer.close(index))

            getList()

        })
    })

    getList()
})